<script>
	export default {
        globalData: {
            statusBarHeight: 0, // 状态导航栏高度
            navHeight: 0, // 总体高度
            navigationBarHeight: 0, // 导航栏高度(标题栏高度)
            custom: {}
        },
		onLaunch: function() {
			console.log('App Launch')
            
            // 状态栏高度
            this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
        
            // #ifdef MP-WEIXIN
            // 获取微信胶囊的位置信息 width,height,top,right,left,bottom
            const custom = wx.getMenuButtonBoundingClientRect()
            // console.log(custom)
        
            // 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
            this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2
            // console.log("导航栏高度："+this.globalData.navigationBarHeight)
        
            // 总体高度 = 状态栏高度 + 导航栏高度
            this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight
            
            this.globalData.custom = custom
        
            // #endif
        
            console.log(this.globalData)
		},
		onShow: function() {
			console.log('App Show')
        },
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
    page { background: #F3F5F1;}
</style>

<style lang="scss">
    @import "uview-ui/index.scss";

    .top-back {
        width: 750rpx;
        height: 500rpx;
        position: absolute;
        left: 0;
        top: 0;
        image {
            width: 750rpx;
            height: 500rpx;
        }
    }
</style>
